*{
    margin: 0;
    padding: 0;
}
body{

}
.box{
    width: 100%;
    height: 310px;
    border: 1px solid #fbfff6;
    position: relative;

}
.box .a img{
    width: 100%;
    height: 250px;
}
.box .a a{
    color: #fbfff6;
    position:relative;
    top: -200px;
    right: -20px;
    text-decoration: none;
}
.box .b img{
    height: 100px;
    float: right;
    position:relative;
    top:-84px;
    left: -30px;
    border-radius: 10px;
}
.box .c img{
    height: 30px;
    float: right;
    position:relative;
    top: -220px;
    right: -60px;
}
.box .d{
    height: 33px;
    width: 66px;
    float: right;
    position: relative;
    top: -55px;
}

.box .d p{
    color: #fffb95;
}








.main{
    width: 100%;
    border: 1px solid #fffef6;
}
.main .a44 {
    font-size: 8px;
    color: #bbbbbb;
}
.main .a45{
    width: 30px;
    height: 20px;
    border: 1px solid #fbfffd;
    position:relative;
    float: right;
    top: -20px;
    background-color: #f2f0eb;
    border-radius: 5px;
}
.mian .a45 p{
    font-size: 8px;
    color: #4966bb;
    font-weight: bold;


}



.main .a4{
    width: 100%;
    height: 200px;
    border: 0.1px solid #e8e6e1;
}
 .main .a4 .a41{
     width: 50px;
     height: 190px;
     float: left;
     margin: 5px 0 0 10px;
 }
 .main .a4 .a41 img{
     width: 50px;
     height: 50px;
 }
 .mian .a4 .a42{
     float:left;
     color: red;
 }
/*.mian .a4 .a42 p{
    padding-left: 5px;
    font-size: 110px;
    font-weight: bold;
    color: red;
}*/
.main .a4 .a43 img{
    width: 210px;
    height: 110px;
}



.main .a5{
    width: 100%;
    height: 160px;
    border: 1px solid #dfddd8;
}
.main .a5 .a51{
    width: 50px;
    height: 190px;
    float: left;
    margin: 5px 0 0 10px;
}
.main .a5 .a51 img{
    width: 50px;
    height: 50px;
}
.mian .a5 .a52{
    float:left;
    color:red;
}
.main .a5 .a52 li{
    font-size:15px ;
    list-style: none;
}



.main .a6{
    width: 100%;
    height: 180px;
    border: 0.1px solid #e8e6e1;
}
.main .a6 .a61{
    width: 50px;
    height: 190px;
    float: left;
    margin: 5px 0 0 -55px;
}
.main .a6 .a61 img{
    width: 50px;
    height: 50px;
}
.mian .a6 .a62{
    float:left;

}
.mian .a6 .a62 p{
    padding-left: 5px;
    font-size: 110px;
    font-weight: bold;

}
.main .a6 .a63 img{
    width: 130px;
    height: 100px;
}
.main .a6 .a65{
    width: 100px;
    height: 100px;
    float: right;
    position: relative;
    top: -103px;
    left: -160px;
}
.main .a6 .a65 img{
    width: 130px;
    height: 100px;
}
.main .a6 .a67 {
    width: 30px;
    height: 20px;
    border: 1px solid #fffbf9;
    position: relative;
    float: right;
    top: -20px;
    right: -97px;
    background-color: #f2f0eb;
    border-radius: 5px


}
.mian .a6 .a62 p{
    color: #3385ff;
}




.main .a7{
    width: 100%;
    height: 200px;
    border: 0.1px solid #e8e6e1;
}
.main .a7 .a71{
    width: 50px;
    height: 190px;
    float: left;
    margin: 5px 0 0 -50px;
}
.main .a7 .a71 img{
    width: 50px;
    height: 50px;
}
.mian .a7 .a72{
    float:left;
    color: red;
}
.main .a7 .a73 img{
    width: 210px;
    height: 110px;
}




.main .a8{
    width: 100%;
    height: 100px;
    border: 0.1px solid #e8e6e1;
}
.main .a8 .a81{
    width: 50px;
    height: 190px;
    float: left;
    margin: 5px 0 0 5px;
}
.main .a8 .a81 img{
    width: 50px;
    height: 50px;
}
.mian .a8 .a82{
    float:left;
    color: red;
}



